<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <link rel="stylesheet" href="css/bootstrap.css"/>


    <title>Document</title>
</head>
<body>
    <!-- <div id="page1" style="height: 800px;margin: 50px 0 0 300px;">
         <iframe align="center" width="1200px"  height="100%"  src="md.html"  frameborder="no" border="0" ></iframe>
    </div> -->


    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="#">Navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      
        <div class="collapse navbar-collapse" id="navbarColor02">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Features</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Pricing</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">About</a>
            </li>
          </ul>

        </div>
      </nav>
      <div class="jumbotron" style="display: inline-flex;width: 100%;">
        <div class="jumbotron" style="width: 25%;margin: 0 auto 0 0;height: auto;">
        




            <h1 class="display-3">目录</h1>
            
            <div class="list-group" style="height: auto;">
                <a href="#" class="list-group-item list-group-item-action active">
                  Cras justo odio
                </a>
                <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in
                </a>
                <a href="#" class="list-group-item list-group-item-action ">Morbi leo risus
                </a>
              </div>
        </div>
        <div class="jumbotron" style="width: 75%;margin: 0 0 0 auto;">
            
    
    
    
    
            <h1 class="display-3">文章</h1>
            
             <iframe align="center" width="100%"  height="1000px"  src="md.html"  frameborder="no" ></iframe>
        </div>
      </div>
      

    
 </body>
</html>